<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //ajax请求

    //1、创建xhr对象
    var xhr=new XMLHttpRequest()
    //2、配置xhr对象
    //参数一：请求方式：get\post\delete\put
    //参数二：url请求地址
    xhr.open('get','./data.json')
    //3、设置回调函数，用来接收返回的响应数据
    //只要状态值发生改变，回调函数就会改变
    //0、请求对象以创建，但是未初始化
    //1、请求以配置但是未发送
    //2、请求以发送，但是服务器还没返回数据
    //3、请求以发送，服务器已经在返回数据，但是数据可能没有全部返回
    //4、请求以发送，数据以全部返回
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){

        }
        // console.log(xhr.readyState);
        console.log('接收到了数据',JSON.parse(xhr.responseText));
        // console.log(xhr.responseText);

    }
    //4、发送请求
    xhr.send()

</script>
</html>